<!DOCTYPE html>
<html ng-app="mylife.app">
<head>
<meta charset="UTF8">
<title>mylife-home-core-designer</title>

<script src="lib/jquery/jquery.js"></script>
<script src="lib/jquery/jquery-ui.js"></script>
<link rel="stylesheet" href="lib/jquery/themes/smoothness/jquery-ui.css">
<script src="lib/jsplumb/jquery.jsPlumb.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src="lib/angular/angular.js"></script>
<!--  <script src="lib/angular/angular-route.js"></script>  -->
<script src="lib/angular/angular-resource.js"></script>
<script src="lib/angular/ui-bootstrap-tpls.js"></script>

<script src="app/app.js"></script>
<script src="app/api.js"></script>
<script src="app/tools.js"></script>
<script src="app/idGenerator.js"></script>

<script src="app/component/designer.js"></script>
<script src="app/component/plumbHelper.js"></script>
<script src="app/component/schemaHelper.js"></script>
<script src="app/component/dataAccess.js"></script>

<script src="app/ui/designer.js"></script>
<script src="app/ui/fileReader.js"></script>
<script src="app/ui/dataAccess.js"></script>

<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
<!--  <link rel="stylesheet" href="lib/bootstrap/css/bootstrap-theme.css">  -->

<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="css/component.css">
<link rel="stylesheet" href="css/ui.css">

</head>
<body>
	<tabset>
	    <tab select="$emit('tabSelect');">
	    	<tab-heading><img class="tab-image" src="images/hardware.jpeg"></img>&nbsp;Composants</tab-heading>
			<div ng-include="'component.html'"></div>
		</tab>
	    <tab select="$emit('tabSelect');">
	    	<tab-heading><img class="tab-image" src="images/ui.png"></img>&nbsp;UI</tab-heading>
			<div ng-include="'ui.html'"></div>
		</tab select="window.dispatchEvent(new Event('resize'));">
	</tabset>
</body>
</html>
